<!doctype html>
<html class="no-js" lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>加入供应商</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="alternate icon" type="image/png" href="../favicon.ico">
    <link rel="stylesheet" href="../resources/css/amazeui.min.css">
    <link rel="stylesheet" href="../resources/css/liMarquee.css">
    <link rel="stylesheet" href="../resources/css/style.css">

</head>

<body>
    <header class="m-hd">
        <section data-am-sticky class="am-show-md-up">
            <div class="am-container">
                <a href="../index.html" ><span class="m-logo">修吧   51xiuba.cn</span></a>
                <nav>
                    <ul class="m-nav am-nav am-nav-pills am-fr">
                        <li><a href="../index.html" rel="nofollow">首页</a></li>
                        <li><a href="about.html" rel="nofollow">关于我们</a></li>
                        <li><a href="anli.html" rel="nofollow">维修管理软件</a></li>
                        <li><a href="fuwu.html" rel="nofollow">加入供应商</a></li>
                        <li><a href="contact.html" rel="nofollow">联系我们</a></li>
                    </ul>
                </nav>
            </div>
        </section>


        <nav data-am-widget="header" class="am-header am-show-sm-only">
            <div class="am-header-left am-header-nav">
                <a href="/" rel="nofollow">
                    <i class="am-header-icon am-icon-home"></i> 首页
                </a>
            </div>
            <div class="am-header-right am-header-nav">
                <a href="#right-link" class="" data-am-offcanvas="{target: '#r-nav'}">
                    <i class="am-header-icon am-icon-bars"></i> 菜单
                </a>
            </div>
        </nav>

        <!-- 侧边栏内容 -->
        <div id="r-nav" class="am-offcanvas">
            <div class="am-offcanvas-bar am-offcanvas-bar-flip">
                <nav class="am-offcanvas-content">
                    <a href="/" rel="nofollow"><span class="logo"></span></a>
                    <p><i class="am-icon-home"></i> <a href="../index.html" rel="nofollow">首页</a></p>
                    <p><i class="am-icon-user"></i> <a href="about.html" rel="nofollow">关于我们</a></p>
                    <p><i class="am-icon-desktop"></i> <a href="anli.html" rel="nofollow">维修管理软件</a></p>
                    <p><i class="am-icon-cogs"></i> <a href="fuwu.html" rel="nofollow">加入供应商</a></p>
                    <p><i class="am-icon-qq"></i> <a href="contact.html" rel="nofollow">联系我们</a></p>
                </nav>
            </div>
        </div>
    </header>
    <div class="m-header-banner m-list-header" style="background: url(../resources/images/about-bg.jpg) 50% 0 no-repeat fixed;">
        <section class="am-container">
            <hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 317}">
                <h2>服务内容</h2>
                <p>我们期待与您的携手，以平台驱动企业价值增长，我们与伙伴共同成长。</p>
            </hgroup>
        </section>
    </div>

    <section class="am-container m-service-page">
        <div class="m-service-container">
            <p>
            <h3>
                加入供应商，第一时间获取维修招标信息
            </h3>
            <br/>
            <div class="str4 str_wrap">
                    <img class="item" src="../resources/images/sliders/1.jpg" />
                    <img class="item" src="../resources/images/sliders/2.jpg" />
                    <img class="item" src="../resources/images/sliders/3.jpg" />
                    <img class="item" src="../resources/images/sliders/4.jpg" />
                    <img class="item" src="../resources/images/sliders/5.jpg" />
                    <img class="item" src="../resources/images/sliders/6.jpg" />
                    <img class="item" src="../resources/images/sliders/7.jpg" />
                    <img class="item" src="../resources/images/sliders/8.jpg" />
                    <img class="item" src="../resources/images/sliders/9.jpg" />
                    <img class="item" src="../resources/images/sliders/10.jpg" />
                    <img class="item" src="../resources/images/sliders/11.jpg" />
                    <img class="item" src="../resources/images/sliders/12.jpg" />
                    <img class="item" src="../resources/images/sliders/13.jpg" />
                    <img class="item" src="../resources/images/sliders/14.jpg" />
                    <img class="item" src="../resources/images/sliders/15.jpg" />
                    <img class="item" src="../resources/images/sliders/16.jpg" />
                    <img class="item" src="../resources/images/sliders/17.jpg" />

            </div></p>
            <h3>
                提升自己，从加入修吧开始。
            </h3>
            <p>
                填写下方表单，使您与其他供应商进行及技术的融合与智能化提升。
            </p>
            <form id="form" class="am-form am-form-horizontal" enctype="multipart/form-data">
                <div class="am-form-group">
                    <label for="doc-ipt-name" class="am-u-sm-2 am-form-label">企业名称</label>
                    <div class="am-u-sm-10">
                        <input type="text" id="doc-ipt-name" name="name" placeholder="输入你的企业名称">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-address" class="am-u-sm-2 am-form-label">企业地址</label>
                    <div class="am-u-sm-10">
                        <input type="text" id="doc-ipt-address" name="address" placeholder="输入你的企业地址">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-people" class="am-u-sm-2 am-form-label">员工人数</label>
                    <div class="am-u-sm-10">
                        <input type="text" id="doc-ipt-people" name="num" placeholder="输入你的企业员工人数">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-contact" class="am-u-sm-2 am-form-label">联系人</label>
                    <div class="am-u-sm-10">
                        <input type="text" id="doc-ipt-contact" name="contact" placeholder="输入联系人姓名">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-phone" class="am-u-sm-2 am-form-label">联系电话</label>
                    <div class="am-u-sm-10">
                        <input type="text" id="doc-ipt-phone" name="tel" placeholder="输入联系人电话">
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="doc-ipt-projectName" class="am-u-sm-2 am-form-label">擅长维修项目</label>
                    <div class="am-u-sm-10">
                        <input type="text" id="doc-ipt-projectName" name="advance" placeholder="输入擅长维修的项目名称">
                    </div>
                </div>

                <div class="am-form-group am-form-file">
                    <label for="doc-ipt-projectName" class="am-u-sm-2 am-form-label">上传营业执照</label>
                    <div class="am-u-sm-10">
                        <button type="button" class="am-btn am-btn-default am-btn-sm">
                          <i class="am-icon-cloud-upload"></i> 选择要上传的文件</button><span id="filename" style="padding-left:5px;"></span>
                        <input type="file" name="liscene">
                    </div>
                </div>

                <div class="am-form-group">
                    <div class="am-u-sm-10 am-u-sm-offset-2">
                        <div id="submit" class="am-btn am-btn-default" data-am-modal="{target: '#submit-alert'}">加入供应商并申请试用</div>
                    </div>
                </div>
            </form>

            <!-- 提示框 -->
            <div class="am-modal am-modal-alert" tabindex="-1" id="submit-alert">
                <div class="am-modal-dialog">
                    <div class="am-modal-hd">注意</div>
                    <div class="am-modal-bd">

                    </div>
                    <div class="am-modal-footer">
                        <span class="am-modal-btn">确定</span>
                    </div>
                </div>
            </div>

            <div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
                <div class="am-modal-dialog">
                    <div class="am-modal-hd">正在提交...</div>
                    <div class="am-modal-bd">
                        <span class="am-icon-spinner am-icon-spin"></span>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <footer class="m-footer">
        <div class="am-container">
            <section class="am-g m-footer-container">
                <section class="am-u-sm-12 am-u-md-12 am-u-lg-6">
                    <h2>关于我们</h2>
                    <p>苏州修吧网络科技有限公司简称“修吧”。“修吧”的追求是在智能制造设备维修领域实际解决客户难题，通过对供应商的融合及技术的智能化提升，致力于打造中国智能制造设备售后服务第一平台。<a href="/about.html" rel="nofollow">更多</a></p>
                </section>
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-6 contact-logo"></div>
            </section>
        </div>

        <div class="m-footer-bottom">
            <div class="am-container">
                <div class="am-g">
                    <span class="m-u-sm-12 am-u-md-9 am-u-lg-10">版权所属：苏州修吧网络科技有限公司<a href="http://www.miitbeian.gov.cn" >苏ICP备15060855号-1</a></span>
                </div>
            </div>
        </div>
    </footer>

    <script src="../resources/js/echo.min.js"></script>
    <script>
        echo.init({
            offset: 100,
            throttle: 250,
            unload: false,
            callback: function(element, op) {
                console.log(element, 'has been', op + 'ed')
            }
        });
    </script>
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="../resources/js/jquery.min.js"></script>
    <script src="../resources/js/amazeui.min.js"></script>
    <script src="../resources/js/jquery.liMarquee.js"></script>
    <!--<![endif]-->
    <script type="text/javascript">
        $(document).ready(function(){
            $('.str4').liMarquee({
                drag:false,
                hoverstop:false
            });
        });
        $(function() {
            $('input[name="liscene"]').change(function(evt){
                var files = evt.target.files; // 获得文件对象
                if (files.length < 1) {
                    return;
                }
                var f = files[0];
                if(f.size > 5242880){
                    alert('图片大小不能超过5MB');
                    $(this).val('');
                    return;
                }
                //检查文件的类型是否符合指定要求
                var type = $(this).val().split('.')[1].toLowerCase();
                if(type !== 'jpg' && type !== 'jpeg' && type !== 'png'){
                    alert('请上传jpg,jpeg,png文件');
                    $(this).val('');
                    return;
                }
                $('#filename').text(f.name);
            });

            $('#submit').click(function (){
                $('.am-modal-bd').empty();
                if($('input[name="name"]').val() === undefined || $('input[name="name"]').val() === ''){
                    $('.am-modal-bd').append('企业名称不能为空！');
                    return;
                }
                if($('input[name="address"]').val() === undefined || $('input[name="address"]').val() === ''){
                    $('.am-modal-bd').append('企业地址不能为空！');
                    return;
                }
                if($('input[name="num"]').val() === undefined || $('input[name="num"]').val() === ''){
                    $('.am-modal-bd').append('员工人数不能为空！');
                    return;
                }
                if(!isNum($('input[name="num"]').val())){
                    $('.am-modal-bd').append('员工人数必须填写数字！');
                    return;
                }
                if($('input[name="contact"]').val() === undefined || $('input[name="contact"]').val() === ''){
                    $('.am-modal-bd').append('联系人不能为空！');
                    return;
                }
                if($('input[name="tel"]').val() === undefined || $('input[name="tel"]').val() === ''){
                    $('.am-modal-bd').append('联系电话不能为空！');
                    return;
                }
                if($('input[name="advance"]').val() === undefined || $('input[name="advance"]').val() === ''){
                    $('.am-modal-bd').append('擅长维修项目不能为空！');
                    return;
                }
                if($('input[name="liscene"]').val() === undefined || $('input[name="liscene"]').val() === ''){
                    $('.am-modal-bd').append('营业执照不能为空！');
                    return;
                }
                $('#my-modal-loading').modal('open');
                var formData = new FormData($('#form')[0]);
                $.ajax({
                    url: '/submit',
                    type:'POST',
                    data: formData,
                    cache: false,
                    processData: false,
                    contentType: false,
                    success:function(result){
                        if(!result.success){
                            $('#my-modal-loading').modal('close');
                            $('.am-modal-bd').append('提交失败！');
                        }else {
                            $('#my-modal-loading').modal('close');
                            $('.am-modal-bd').append('提交成功！');
                            $('.am-modal-btn').click(function(){
                                window.location.reload();
                            });
                        }
                    },
                    error:function(){
                        $('#my-modal-loading').modal('close');
                        $('.am-modal-bd').append('提交失败！');
                    }
                });
            });

            var isNum =  function(num){
                return !(num === "" || isNaN(num));
            };
        });

        function imj2() {
            this.init();
        }
        imj2.prototype = {
            constructor: imj2,
            init: function() {
                this._initBackTop();
                $('.qq').click(function() {
                    window.open('http://wpa.qq.com/msgrd?v=3&uin=3283839306&site=qq&menu=yes');
                })
            },
            _initBackTop: function() {
                var $backTop = this.$backTop = $('<div class="m-top-cbbfixed m-top-weixin">' +
                    //                                        '<a href="javas   cript:;" class="m-top-weixin m-top-cbbtn"">' +
                    //                                        '<span class="m-top-weixin-icon"></span>' +
                    '<div class="tel"><i class="am-icon-phone am-icon-lg telIcon"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电话 400-058-0040</div>' +
                    '<div class="qq"><i class="am-icon-qq am-icon-lg"></i>&nbsp;&nbsp;&nbsp;QQ 销售咨询</div>' +
                    '<div class="qr"><i class="am-icon-qrcode am-icon-lg qrIcon"></i><div class="qrCode"></div></div>' +
                    //                                        '</a>' +
                    //                                        '<a class="m-top-go m-top-cbbtn">' +
                    //                                        '<span class="m-top-goicon"></span>' +
                    //                                        '</a>' +
                    '</div>');
                $('body').append($backTop);

                $backTop.hover(function() {
                    $backTop.animate({right : 0})
                } , function() {
                    $backTop.animate({right : '-195px'})
                });
                $backTop.css("bottom", "10px");
            }

        };
        var imj2 = new imj2();
        //end返回顶部
    </script>


</body>

</html>